const path = require('path') //这是引用 node 里的一个包,它会提供一些函数

module.exports = {
    entry: './src/main.js', //入口文件配置
    output: {
        path: path.resolve(__dirname, 'dist'), //打包的路径
        filename: 'bundle.js' //打包的文件名
    },
    module: {
        rules: [{
            test: /\.css$/i, //加载所有 css 后缀的文件 
            /**
             * css-loader: 负责将 css 文件进行加载
             * style-loader: 负责将样式添加到 dom 中
             * 使用多个loader时,wenpack读取的顺序是从右向左
             * */
            use: ["style-loader", "css-loader"],
        }],
    },
}